<template>
  <div class="box">
    <van-tabs v-model="active">
      <van-tab title="推荐"><RecommandPage /></van-tab>
      <van-tab title="新品">新品</van-tab>
      <van-tab title="服饰">服饰</van-tab>
      <van-tab title="鞋类">鞋类</van-tab>
      <van-tab title="美妆">美妆</van-tab>
      <van-tab title="潮物">潮物</van-tab>
      <van-tab title="二手">二手</van-tab>
    </van-tabs>
  </div>
</template>

<script>
import RecommandPage from "./RecommandPage";

export default {
  name: "MarketHeaderBottom",
  data() {
    return {
      activeName: "2",
      active: "",
    };
  },
  components: {
    RecommandPage,
  },
};
</script>
<style scoped>
h5 {
  text-align: center;
  height: 40px;
  line-height: 40px;
}
</style>